.page {
    padding-bottom: 275.2vw;
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
.section {
    padding-top: 14.8vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16873565569014397502.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.image_8 {
    width: 44.933vw;
    height: 42.8vw;
}
.group {
    margin-top: 10.4vw;
    padding-bottom: 2.533vw;
    width: 32.133vw;
}
.image_11 {
    width: 24.267vw;
    height: 7.467vw;
}
.image-wrapper_2 {
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872668339663566057.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 29.467vw;
}
.pos_10 {
    position: absolute;
    right: 0;
    top: 2.533vw;
}
.image_13 {
    width: 29.467vw;
    height: 7.467vw;
}
.section_3 {
    padding: 19.2vw 0 11.867vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872668339706814981.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 77.6vw;
}
.pos_8 {
    position: absolute;
    right: 0;
    top: 19.067vw;
}
.image_16 {
    width: 32.133vw;
    height: 10.933vw;
}
.image_12 {
    width: 78.533vw;
    height: 13.733vw;
}
.pos_9 {
    position: absolute;
    left: -2.933vw;
    right: 2vw;
    top: 7.2vw;
}
.image-wrapper_4 {
    padding: 10vw 0 4.267vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872668339841771476.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 22.267vw;
}
.pos_13 {
    position: absolute;
    left: 5.067vw;
    top: 16.133vw;
}
.image_22 {
    margin-right: 2.933vw;
    width: 7.2vw;
    height: 6.533vw;
}
.image_20 {
    width: 25.2vw;
    height: 7.467vw;
}
.pos_17 {
    position: absolute;
    left: 0.533vw;
    bottom: 4.267vw;
}
.image_2 {
    width: 37.733vw;
    height: 16.8vw;
}
.pos_2 {
    position: absolute;
    right: 0;
    top: 3.867vw;
}
.image {
    width: 78.933vw;
    height: 14.533vw;
}
.pos {
    position: absolute;
    left: 0;
    top: 0;
}
.image_7 {
    width: 21.467vw;
    height: 11.733vw;
}
.pos_6 {
    position: absolute;
    left: 0;
    top: 14.667vw;
}
.pos_15 {
    position: absolute;
    left: 6.933vw;
    top: 42.8vw;
}
.image_4 {
    width: 9.733vw;
    height: 8.4vw;
}
.pos_5 {
    position: absolute;
    left: 0;
    top: 6.8vw;
}
.image_21 {
    width: 31.333vw;
    height: 28.133vw;
}
.pos_16 {
    position: absolute;
    left: 0;
    top: 44.667vw;
}
.image-wrapper_3 {
    padding: 8.133vw 0 0.8vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872668345716309211.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 77.6vw;
}
.pos_11 {
    position: absolute;
    right: 0;
    top: 29.333vw;
}
.image_15 {
    width: 76.533vw;
    height: 28.8vw;
}
.image_17 {
    width: 100vw;
    height: 42vw;
}
.pos_14 {
    position: absolute;
    left: 0;
    right: 0;
    top: 40.133vw;
}
.section_2 {
    padding: 6.8vw 0.267vw 5.867vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872668346748691943.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.space-y-122 > *:not(:first-child) {
    margin-top: 16.267vw;
}
.pos_4 {
    position: absolute;
    left: 2vw;
    right: 0.8vw;
    top: 4.667vw;
}
.space-x-36 > *:not(:first-child) {
    margin-left: 4.8vw;
}
.image_10 {
    margin-top: 10.667vw;
    width: 3.6vw;
    height: 4vw;
}
.image_5 {
    width: 5.6vw;
    height: 6.533vw;
}
.image-wrapper {
    margin-left: -1.333vw;
    padding: 0.667vw 0 4.933vw;
    filter: drop-shadow(0.243vw 0.32vw #ffffff);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872709872761499689.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 70.267vw;
    height: 13.067vw;
}
.image_6 {
    margin-left: 24.4vw;
    width: 11.733vw;
    height: 7.467vw;
}
.group_2 {
    padding-left: 22.4vw;
    padding-right: 8.933vw;
}
.image_23 {
    width: 5.467vw;
    height: 2.933vw;
}
.image_18 {
    width: 21.867vw;
    height: 9.333vw;
}
.section_4 {
    padding-top: 1.867vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16873565569641801021.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.space-y-51 > *:not(:first-child) {
    margin-top: 6.8vw;
}
.pos_12 {
    position: absolute;
    left: 0;
    right: 0;
    top: 30vw;
}
.image_14 {
    margin-left: 20.133vw;
    width: 5.6vw;
    height: 4.133vw;
}
.space-y-19 > *:not(:first-child) {
    margin-top: 2.533vw;
}
.image_19 {
    width: 100vw;
    height: 19.867vw;
}
.group_3 {
    padding: 47.2vw 0 159.067vw;
}
.image_28 {
    width: 46.8vw;
    height: 60vw;
}
.section_6 {
    padding-top: 128.933vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872668352314158888.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_20 {
    position: absolute;
    left: 0;
    right: 0.933vw;
    top: 58.8vw;
}
.section_7 {
    margin-left: 4.533vw;
    margin-right: 3.467vw;
    padding: 6.933vw 0 3.867vw;
    border-radius: 1.533vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16873565570122445193.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.space-y-22 > *:not(:first-child) {
    margin-top: 2.933vw;
}
.text-wrapper {
    padding: 1.6vw 0;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16872709879634867742.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 24.667vw;
}
.font_3 {
    font-size: 4.133vw;
    /*font-family: SourceHanSansCN;*/
    line-height: 4vw;
    font-weight: 700;
    color: #ffffff;
}
.image_29 {
    width: 84.8vw;
    height: 39.467vw;
}
.group_7 {
    padding-top: 3.6vw;
}
.image_31 {
    width: 100vw;
    height: 14.533vw;
}
.image_30 {
    width: 8.8vw;
    height: 10.533vw;
}
.pos_22 {
    position: absolute;
    left: 14.667vw;
    top: 0;
}
.image_24 {
    width: 97.733vw;
    height: 135.6vw;
}
.pos_19 {
    position: absolute;
    left: 1.2vw;
    right: 1.067vw;
    top: 5.867vw;
}
.section_5 {
    padding: 6.267vw 2.933vw 12vw;
    border-radius: 1.533vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16873565570009917555.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.space-y-40 > *:not(:first-child) {
    margin-top: 5.333vw;
}
.pos_18 {
    position: absolute;
    left: 4.533vw;
    right: 4.4vw;
    top: 0;
}
.space-y-16 > *:not(:first-child) {
    margin-top: 2.133vw;
}
.space-x-10 > *:not(:first-child) {
    margin-left: 1.333vw;
}
.image_25 {
    width: 3.2vw;
    height: 3.2vw;
}
.group_4 {
    line-height: 3.6vw;
    height: 3.6vw;
}
.text {
    color: #7a34db;
    font-size: 3.733vw;
    /*font-family: SourceHanSansCN;*/
    font-weight: 500;
    line-height: 3.6vw;
}
.font_1 {
    font-size: 3.733vw;
    /*font-family: SourceHanSansCN;*/
    line-height: 3.467vw;
    font-weight: 500;
    color: #313131;
}
.group_5 {
    padding-left: 0.4vw;
}
.space-x-12 > *:not(:first-child) {
    margin-left: 1.6vw;
}
.image_26 {
    margin-top: 0.533vw;
    width: 2.533vw;
    height: 3.733vw;
}
.space-y-26 > *:not(:first-child) {
    margin-top: 3.467vw;
}
.font_2 {
    font-size: 3.733vw;
    /*font-family: SourceHanSansCN;*/
    line-height: 5.2vw;
    font-weight: 500;
    color: #313131;
}
.text_2 {
    color: #7a34db;
}
.image_27 {
    width: 50.667vw;
    height: 77.067vw;
}
.space-y-54 > *:not(:first-child) {
    margin-top: 7.2vw;
}
.button {
    padding: 3.467vw 0;
    background-color: #8a4dd8;
    border-radius: 5.6vw;
    width: 46.133vw;
}
.text_3 {
    color: #ffffff;
    font-size: 4.667vw;
    /*font-family: Adobe Heiti Std;*/
    line-height: 4.4vw;
    letter-spacing: 0.235vw;
}
.space-y-28 > *:not(:first-child) {
    margin-top: 3.733vw;
}
.group_6 {
    text-indent: 7.4vw;
}
.font_4 {
    font-size: 3.733vw;
    /*font-family: Adobe Heiti Std;*/
    line-height: 5.867vw;
    color: #313131;
}
.text_4 {
    letter-spacing: -0.0373vw;
}
.equal-division {
    width: 63.6vw;
}
.pos_21 {
    position: absolute;
    left: 50%;
    top: 180.8vw;
    transform: translateX(-50%);
}
.equal-division-item {
    width: 3.067vw;
    height: 10.933vw;
}
.image_9 {
    width: 19.333vw;
    height: 29.733vw;
}
.pos_7 {
    position: absolute;
    left: 2.133vw;
    top: 19.2vw;
}
.image_3 {
    width: 7.333vw;
    height: 5.333vw;
}
.pos_3 {
    position: absolute;
    left: 4.533vw;
    top: 4.267vw;
}